import {
  search
} from '../../util/api'    //调用Api接口
Page({

  /**
   * 页面的初始数据
   */
  data: {
    search: "", //搜索的值
    shoopingtext: "", //搜索框的值
    noneview: false, //显示未找到提示
    shoppinglist: false, //显示商品列表
    shoopingarray: [] //查询字段 
  },

  //搜索
  searchList: function (e) {
    var searchtext = this.data.shoopingtext; //搜索框的值
    var noneviewInfo = true;
    //调用Api (可以换成自己的api接口)
    search().then((res) => {
      if (res.data.ret === 200) {
        var arr = [];
        for (var i = 0; i < res.data.data.length; i++) {
          arr.push(res.data.data[i]);
        };
        this.setData({
          shoopingarray: arr
        })
      }
      //把获取的input值插入数组里面
      if (searchtext != "") {
        //传入的searchtext是个对象，后台传回来的是字符串。先把对象中的值取出来在对比
        var searchtextText=searchtext.value;
        //模糊查询 循环查询数组中的title字段
        for (var index in this.data.shoopingarray) {
          var num = this.data.shoopingarray[index].title.indexOf(searchtextText); 
          let temp = 'shoopingarray[' + index + '].status';

          if (num != -1) { //不匹配的不显示
            this.setData({
              [temp]: 1,
            })
            noneviewInfo = false //隐藏未找到提示
          }
        }
        this.setData({
          noneview: noneviewInfo, //隐藏未找到提示
          shoppinglist: true, //显示商品列表
         
        })
      } else {
        this.setData({
          noneview: true, //显示未找到提示
          shoppinglist: false, //隐藏商品列表
        });
      }
    });

  },

  //搜索框的值
  shoppinginput: function (e) {
    //当删除input的值为空时
    if (e.detail.value == "") {
      this.setData({
        noneview: false,
        shoppinglist: false //隐藏商品列表
      });
      //所有商品列表的状态改为0
      for (var index in this.data.shoopingarray) {
        let temp = 'shoopingarray[' + index + '].status';
        this.setData({
          [temp]: 0,
        })
      }
    }
    this.setData({
      shoopingtext: e.detail
    })

  },
  //清空表单
  clear(e){
  //当删除input的值为空时
  if (e.detail.value == "") {
    this.setData({
      noneview: false,
      shoppinglist: false //隐藏商品列表
    });
    //所有商品列表的状态改为0
    for (var index in this.data.shoopingarray) {
      let temp = 'shoopingarray[' + index + '].status';
      this.setData({
        [temp]: 0,
      })
    }
  }
  this.setData({
    shoopingtext: e.detail
  })

  },
  //点击订单跳转
  productJump: function (e) {
    var id = e.currentTarget.dataset.id
    //点击产品后带id跳转
    wx.navigateTo({
      url: '../product/product?id=' + id
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})